@charset "utf-8";html{background-color:#f8f8f8;color:#000;font-size:12px}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;}
body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #25a4bb;text-decoration: none;}
html, body { height: 100%; }
/* Clear float */
.clearfix:before,.clearfix:after{ content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }
.clear{ clear:both; height:0; overflow:hidden; }
.fl{ float:left; }
.fr{ float:right; }

.container {
	padding: 0 0.3rem;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg-wrap {
  width: 100%;
  min-height: 100%;
  background: url('../images/bg.png') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 1.6rem;
  padding-top: 46px;
}

/* color */
.colorOp8 {
  color: rgba(255, 255, 255, 0.8)
}

@media screen and (min-width: 320px) {
	html {
		font-size: 42.6666667px;
	}
}

@media screen and (min-width: 375px) {
	html {
		font-size: 50px;
	}
}

@media screen and (min-width: 414px) {
	html {
		font-size: 55.2px;
	}
}